<template>
  <div id="app">
    <transition enter-active-class="animate__animated animate__fadeInUp" leave-active-class="animate__animated animate__fadeOutDown">
      <PlayerMv></PlayerMv>
    </transition>

    <!-- v-loading="$store.state.loading" -->
    <transition enter-active-class="animate__animated animate__backInLeft">
      <router-view />
    </transition>
    <PlayerBox></PlayerBox>

  </div>
</template>
<script>
import NavBar from '@/components/NavBar.vue';
import PlayerBox from '@/components/PlayerBox.vue';
import PlayerMv from '@/components/PlayerMv.vue';

export default {
  components: {
    NavBar,
    PlayerBox,
    PlayerMv
  }
};
</script>

<style lang="less">
#app {
  height: 100%;
  min-height: 848px;
  position: relative;
}
.scrollBar {
  position: absolute;
  bottom: 0;
}
</style>
